<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="./js/payment.js"></script>
    <link rel="stylesheet" href="./css/payment.css">
    <title>充值</title>
</head>
<body>
    <!-- 充值账户 -->
    <div class="recharge">
        <p class="rechargeAccount">充值账户</p>
        <div>
            <input type="text" name="" id="userNumber" placeholder="请输入账号">
            <i class="icon"><img src="./imgs/箭头.png" alt=""></i>
            <span id="confirm">确认</span>
        </div>
    </div>
    <!-- 充值金额 -->
    <div class="rechargeMoney">
        <!-- 选择充值金额 -->
        <p class="choose">选择充值金额</p>
        <ul class="chooseMoney">
            <li><span>10钻石</span><span>1元</span></li>
            <li class="liactive"><span>100钻石</span><span>10元</span></li>
            <li><span>500钻石</span><span>50元</span></li>
            <li><span>1000钻石</span><span>100元</span></li>
            <li><span>5000钻石</span><span>500元</span></li>
            <li><span>10000钻石</span><span>1000元</span></li>
            <li><span>30000钻石</span><span>3000元</span></li>
        </ul>
    </div>
    <!-- 其他金额 -->
    <div class="other">
        <p class="otherMoney">其他金额:</p>
        <input type="number" name="" id="otherAmount" placeholder="请输入金额" type="number">
        <p>金额: <span id="otherNum"></span> 元</p>
    </div>
    <!-- 立即支付 -->
    <div class="payment">
        <span id="paymentBtn">立即支付</span>
    </div>
    <!-- 协议 -->
    <div class="agreement"><span id="agree"></span>已经阅读同意<a href="">《91新秀充值协议》</a></div>
    <div class="footer">
        <p>友情提示：充值成功后会在十分钟内到账</p>
        <p>请仔细核对个人信息，完成支付后怒不退回</p>
    </div>
</body>
</html>